﻿<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection" />
    <title>店铺业绩查询</title>
    <!--使用phonegap框架时引入脚本一定要放在最上面----->
    <script type="text/javascript" charset="utf-8" src="js/phonegap-1.4.1.js"></script>
    <script src="js/jquery/jquery-1.8.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/config.js" type="text/javascript" charset="utf-8"></script>
    <link href="css/style.css" rel="stylesheet" type="text/css" charset="utf-8" />
    <link href="css/btnsty.css" rel="stylesheet" type="text/css" charset="utf-8" />
    <link href="css/editform.css" rel="stylesheet" type="text/css" charset="utf-8" />
    <link href="css/global.css" rel="stylesheet" type="text/css" charset="utf-8" />
    <script src="js/Toast.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8" src="js/barcodescanner.js"></script>
    <script src="js/laydate.js" type="text/javascript"></script>
    <script src="js/jquery.panelslider.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            laydate.skin('molv'); //切换皮肤，请查看skins下面皮肤库
            //ClearData();
            GetStockList();
            $('#left-panel-link').panelslider();

            $("#btnfind").live("click", function () {
                alert();
                if ($("#shoplist option:checked").val() == "0") {
                    showtoast("请选择店铺！", null, 100, 100);
                    return;
                }
                if ($("#txtdate").val() == "") {
                    showtoast("请输入日期！", null, 100, 100);
                    return;
                }
                GetData();
            });
            $(".fl-txt").live("click", function () {
                alert();
            });
        });


        function GetStockList() {
            USER_ID = localStorage.getItem("UserID");
            $.ajax({
                url: url_path + "/ajaxdata/Default.aspx",
                type: "POST",
                data: { aciton: 'GetStockList', userid: USER_ID },
                timeout: 30000,
                dataType: "text",
                success: function (data) {
                    var msg = $.trim(data);
                    if (msg == "NO_DATA") {
                        alert("您没有任何店仓权限，请联系管理员！");
                    } else {
                        var orderObj = JSON.parse(msg);
                        var html = "";
                        for (var i = 0; i < orderObj.length; i++) {
                            html += '<option value="' + orderObj[i].stockid + '">' + orderObj[i].stockname + '</option>'
                        }
                        $("#shoplist").html(html);
                        $("#shoplist").selectindex = 0;
                    }
                },
                error: function () {
                    showtoast("通讯超时,请检查网络.", null, 100, 100);
                }
            });
        }
    </script>
    <style>
        .param-li
        {
            width: 100%;
            height: 35px;
        }
        .fl-txt
        {
            float: left;
            width: 80%;
            max-height: 35px;
            overflow-y: auto;
        }
        .fr-txt
        {
            float: right;
            width: 20px;
            height: 35px;
            padding-right: 10px;
            background: url(./images/arr-right.png) no-repeat;
            background-position: 5px center;
        }
        .panel
        {
            display: none;
            width: 220px;
            padding: 20px;
            background-color: #333;
            color: #fff;
            box-shadow: inset 0 0 5px 5px #222;
            opacity: .90;
        }
    </style>
</head>
<body style="background: #efefef;">
    <div id="header" class="head">
        <div class="wrap">
            <i class=" menu_back2"><a href="index.html"></a></i>
            <div class="title">
                <span class="title_d">
                    <p>
                        店铺业绩查询</p>
                </span>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="logo_msk">
        </div>
    </div>
    <div id="container">
        <div id="content">
            <div style="position: relative; background: #fff; margin: 8px;">
                <ul class="input-group2">
                    <li><strong>开始日期：</strong><hr />
                        <input id="txtbdate" class="laydate-icon" id="txtedate" value="" onclick="laydate({ elem: '#txtbdate' });"
                            placeholder="点击选择日期"></li>
                    <li><strong>结束日期：</strong><hr />
                        <input id="txtedate" class="laydate-icon" id="txtedate" value="" onclick="laydate({ elem: '#txtedate' });"
                            placeholder="点击选择日期"></li>
                    <li><strong>地区：</strong><hr />
                        <div class="param-li">
                            <div class="fl-txt">
                                全部</div>
                            <div class="fr-txt">
                            </div>
                        </div>
                    </li>
                    <li><strong>省份：</strong><hr />
                        <div class="param-li">
                            <div class="fl-txt">
                                甘肃省,广东省,广西壮族自治区,贵州省,海南省,河北省</div>
                            <div class="fr-txt">
                            </div>
                        </div>
                    </li>
                    <li><strong>店铺：</strong><hr />
                        <div class="param-li">
                            <div class="fl-txt">
                                全部</div>
                            <div class="fr-txt">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_btns">
                <a id="btnfind" class="mod_btn bg_2" href="#">查询</a><a id="left-panel-link" href="#left-panel">打开左面板</a>
            </div>
        </div>
    </div>
    <div id='loading-mask'>
        <div id="loading">
            <div class="loading-indicator">
                <img src="images/0504317.gif" width="48" height="48" />
                <br />
                <span id="loading-msg">数据加载中...</span>
            </div>
        </div>
    </div>
    <div id="bg_div" style="position: absolute; top: 0px; left: 0; width: 100%; height: 100%;
        z-index: 20000; background-color: black; opacity: .70; display: none;">
    </div>
    <div id="left-panel" class="panel">
        <h2>
            左侧面板</h2>
        <p>
            点击任何外部面板关闭它。</p>
    </div>
</body>
</html>
